h1
  color skyblue
  // transition all 1s
  // animation hide-item 2s

button
  line-height 40px
  padding 0px 20px
  background-color pink

// .show
// animation show-item 2s ease-in forwards

// // opacity 1
// .hide
// animation hide-item 2s ease-in forwards
// // opacity 0

// @keyframes hide-item
// 0%
// opacity 1
// color red

// 50%
// opacity 0.5
// color green

// 100%
// opacity 0
// color blue

// @keyframes show-item
// 0%
// opacity 0
// color red

// 50%
// opacity 0.5
// color green

// 100%
// opacity 1
// color blue
.fade-enter, .fade-appear
  opacity 0

.fade-enter-active, .fade-appear-active
  opacity 1
  transition opacity 1s ease-in

.fade-enter-done
  opacity 1

.fade-exit
  opacity 1

.fade-exit-active
  opacity 0.01
  transition all 1s ease-out